<!DOCTYPE html>
<html lang="en">
    <head>

        <!-- start: Meta -->
        <meta charset="utf-8">
        <title>E-KUD</title>
        <meta name="description" content="Bootstrap Metro Dashboard">
        <meta name="author" content="Dennis Ji">
        <meta name="keyword" content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
        <!-- end: Meta -->

        <!-- start: Mobile Specific -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- end: Mobile Specific -->
       
        <!-- start: CSS -->
        <link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
        <link id="base-style" href="css/style.css" rel="stylesheet">
        <link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
        <link href='css/font.css' rel='stylesheet' type='text/css'>
        <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">

        <!-- end: CSS -->


        <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                <link id="ie-style" href="css/ie.css" rel="stylesheet">
        <![endif]-->

        <!--[if IE 9]>
                <link id="ie9style" href="css/ie9.css" rel="stylesheet">
        <![endif]-->

        <!-- start: Favicon -->
        <link rel="shortcut icon" href="img/favicon.ico">
        <!-- end: Favicon -->




    </head>

    <body>
        <!-- start: Header -->
        <div class="navbar">
            <div class="navbar-inner">
                <div class="container-fluid">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="index.jsp"><span>E-KUD</span></a>

                    <!-- start: Header Menu -->
                    <div class="nav-no-collapse header-nav">
                        <ul class="nav pull-right">

                            <!-- end: Notifications Dropdown -->

                            <!-- end: Message Dropdown -->

                            <!-- start: User Dropdown -->
                            <li class="dropdown">
                                <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                    <i class="halflings-icon white user"></i><%out.print(" " + session.getAttribute("username"));%>
                                    <span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="dropdown-menu-title">
                                        <span>Account Settings</span>
                                    </li>
                                    <li><a href="ViewServlet?action=password"><i class="halflings-icon user"></i> Ganti Password</a></li>
                                    <li><a href="<%=request.getContextPath()%>/logout.jsp"><i class="halflings-icon off"></i> Logout</a></li>
                                </ul>
                            </li>
                            <!-- end: User Dropdown -->
                        </ul>
                    </div>
                    <!-- end: Header Menu -->

                </div>
            </div>
        </div>
        <!-- start: Header -->

        <div class="container-fluid-full">
            <div class="row-fluid">

                <!-- start: Main Menu -->
                <div id="sidebar-left" class="span2">
                    <div class="nav-collapse sidebar-nav">
                        <ul class="nav nav-tabs nav-stacked main-menu">
                            <li><a href="index.jsp"><i class="icon-bar-chart"></i><span class="hidden-tablet"> Dashboard</span></a></li>	
                            <li>
                                <a class="dropmenu" href="#"><i class="icon-user"></i><span class="hidden-tablet"> Modul SDM</span></a>
                                <ul>
                                    <li><a class="submenu" href="view_anggota"><i class="icon-user"></i><span class="hidden-tablet">Kelola Data Anggota</span></a></li>
                                    <li><a class="submenu" href="insert_anggota"><i class="icon-file-alt"></i><span class="hidden-tablet">Tambah Data Anggota</span></a></li>
                                    <li><a class="submenu" href="view_pegawai"><i class="icon-file-alt"></i><span class="hidden-tablet">Kelola Data Pegawai</span></a></li>
                                    <li><a class="submenu" href="insert_pegawai"><i class="icon-file-alt"></i><span class="hidden-tablet">Tambah Data Pegawai</span></a></li>
                                </ul>	
                            </li>
                            <li>
                                <a class="dropmenu" href="#"><i class="icon-qrcode"></i><span class="hidden-tablet"> Modul Produksi</span></a>
                                <ul>
                                    <li><a class="submenu" href="view_produksi"><i class="icon-file-alt"></i><span class="hidden-tablet"> Kelola Data Produksi</span></a></li>
                                    <li><a class="submenu" href="insert_produksi"><i class="icon-file-alt"></i><span class="hidden-tablet"> Tambah Data Produksi</span></a></li>
                                    <li><a class="submenu" href="view_pengadaan"><i class="icon-file-alt"></i><span class="hidden-tablet"> Kelola Data Pengadaan</span></a></li>
                                    <li><a class="submenu" href="insert_pengadaan"><i class="icon-file-alt"></i><span class="hidden-tablet"> Tambah Data Pengadaan</span></a></li>

                                    <li><a class="submenu" href="view_laporan_produksi"><i class="icon-file-alt"></i><span class="hidden-tablet"> Lihat Laporan</span></a></li>
                                </ul>	
                            </li>
                            <li>
                                <a class="dropmenu" href="#"><i class="icon-shopping-cart"></i><span class="hidden-tablet"> Modul Penjualan</span></a>
                                <ul>
                                    <li><a class="submenu" href="view_penjualan"><i class="icon-file-alt"></i><span class="hidden-tablet"> Kelola Data Penjualan</span></a></li>
                                    <li><a class="submenu" href="insert_penjualan"><i class="icon-file-alt"></i><span class="hidden-tablet"> Tambah Data Penjualan</span></a></li>
                                    <li><a class="submenu" href="view_laporan_penjualan"><i class="icon-file-alt"></i><span class="hidden-tablet"> Lihat Laporan</span></a></li>
                                </ul>	
                            </li>
                            <li>
                                <a class="dropmenu" href="#"><i class="icon-money"></i><span class="hidden-tablet"> Modul Keuangan</span></a>
                                <ul>
                                    <li><a class="submenu" href="view_laporan"><i class="icon-file-alt"></i><span class="hidden-tablet"> Lihat Laporan</span></a></li>

                                </ul>	
                            </li>

                        </ul>
                    </div>
                </div>
                <!-- end: Main Menu -->

